<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>
    <style>
        #ad{
            color: red;
        }

         div{
             color: green;
         }

         .tr{
             color: blue;
         }
    </style>
</head>
<body>
   <!--选择器:筛选具有相似特征的元素[也就是选择标签]
       分类:
          1:基础选择器:
             1.1:id选择器:选择具有相同的id属性值的元素[这个选择器是根据[相同属性值]来控制标签的]
                  *语法: #id属性值{}
                  *建议在一个html页面中的id值唯一
                  *id选择器优先级最高
             1.2:元素选择器:选择具有相同标签名称的元素
                 * 语法:标签名称{}
                 *注意: id选择器的优先级高于元素选择器
                 *元素选择器优先级最低
             1.3:类选择器:选择具有相同的class属性值元素
                 *语法: ".class属性值{}"
                 *注意: 类选择器的优先级高于元素选择器
          2:扩展选择器
-->

<div id="ad">海绵宝宝</div>
<div>章鱼哥</div>

<p class="tr">派大星</p>

</body>
</html>